iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
0
自我挑戰組

ArasPLM開發分享系列 第 5

[Day5]MVC快速建立CRUD功能與Model介紹

  • 分享至 

  • xImage
  •  

今天所介紹MVC如何利用Model讀取資料庫中的資料並快速建立出具有CRUD(新增(Create)、讀取(Read)、更新(Update)、刪除(Delete))功能的專案

  1. 首先開啟昨天所新增的MVC專案,在檢視中點選伺服器管理員

  2. 在對資料連接點選右鍵選擇加入連接

  3. 接著就會出現VisualStudio熟悉的連接畫面,選擇伺服機名稱與要加入的資料庫名稱,這邊選擇的資料庫為Aras的資料庫InnovatorSolutions

  4. 新增完後,將會將資料連接加入左方的伺服器總管中,再來就是要新增一個Model,在Models的資料夾右鍵加入,選擇新增項目

  5. 再新增項目中的左方點選Data,這邊我所選擇建立的是ADO.NET的實體資料模型

  6. 利用資料模型精靈幫我們新增一個EF Designer


  7. 接下來就是要選擇在資料庫中要新增進來哪些資料表,Innovator為Aras的資料庫下方樹狀結構為他的所有資料表

  8. 新增完等待一段時間後,就可以看到Models的資料夾中已經幫我們新增好了,這邊我載入的為Aras中CAD資料表,這邊要注意的是在新增完一個新的Model後請務必先shift+ctrl+B建置專案,這樣後面在建立Controller時才不會報錯

  9. Model新增完後,再來就是在Controllers的資料夾中右鍵點選控制器,新增一個具有CRUD功能的Controller

  10. 新增時請選擇具有檢視、使用Entity Framework的MVC 5控制器

  11. 再來是在選擇類別中選擇剛剛所建立的Models(CAD),資料內容類別選擇剛剛所新增出來的Entities(MVC.Models),若是下方的產生檢視有勾選的話,將會自動產生與Action相對應的View(CRUD)

  12. 完成後就能看到新增了一個CADsControllers和五個由系統自動新增的View(CRUD+首頁Index五個View),InnovatorSolutionsEnties是由系統再新增Models時所一起建立起來的Entities,Index()這個Action的return回傳值為上方宣告db中的CAD資料表,且傳回至前端顯示

  13. 再來我們到前端的Index.cshtml,可以看到上方有載入model(MVC.Models.CAD) 為IEnumerable型態,下方則是html中的table來存放並顯示屬性欄位,可以自行刪減或修改想顯示的屬性欄位

  14. 最後到瀏覽頁面中就能看見資料表中(CAD)所有的資料和想顯示的屬性欄位,也可以看到畫面上方有Create新增一筆至資料庫或是針對某一筆進行Edit修改、Details查看、Delete刪除的功能(CRUD)


上一篇
[Day4]簡易MVC基礎介紹
下一篇
[Day6]MVC與Aras連線
系列文
ArasPLM開發分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言